<template>

  <div>
<!--    <div class="head">
      <div class="h_top">
        <div class="h_logo">
          <span style="display: inline-block;">
            <img src="../../../res/images/index/ustcf.png" style="vertical-align: middle;">
          </span>
          <span class="sysname">{{ sysname }}</span>
        </div>
        <ul class="h_content">
          <li class="content_item welname">
            欢迎您，{{ userName }}
          </li>
          <li class="content_item">
          </li>
          <li class="content_item pwd">
            <span id="userId" style="display: none;">{{ userId }}</span>
            <a id="pwd_btn" href="javascript:;">密码修改</a>
            <div id="pwd_panel">
              <div class="pwd_title">
                旧的密码：<input id="oldPwd" type="password" /><p style="height:10px;"></p>
                新的密码：<input id="newPwd" type="password" /><p style="height:10px;"></p>
                密码确认：<input id="againPwd" type="password" />
              </div>
              <div id="warn_area" class="pwd_warn">
                <span style="display:inline-block;">
                  <i class="pwd_error"></i>
                </span>
                <span id="warn_tip" class="red"></span>
              </div>
              <div class="pwd_tail">
                <div id="pwd_close" class="tail_btn">
                  关闭
                </div>
                <div id="pwd_submit" class="tail_btn">
                  保存
                </div>
              </div>
            </div>
          </li>
          <li class="content_item">
            |
          </li>
          <li class="content_item exit">

            <a id="logout_btn" href="javascript:;" @click="logout">退出</a>
          </li>
        </ul>
        &lt;!&ndash;      <div class="h_nvg clearfix">
                <div class="h_tab more_btn">
                  更多&nbsp;
                  <span></span>
                </div>
                <div class="h_xiala" tabindex="0">
                  <div class="h_xiala_panel">
                    <a style="color:#6A6A6A" href="####">
                      <div id="close_item" class="xia_item">关闭全部</div>
                    </a>
                    <div class="default_items">
                      <div class="xia_split"></div>
                    </div>
                  </div>
                </div>
              </div>&ndash;&gt;
      </div>
    </div>-->
    <Header/>
    <div class="left">
    <Nav/>
  </div>
    <div class="app-container">
    <router-view></router-view>
    </div>
  </div>

</template>

<script>
import Nav from '../menuList/Nav'
import Footer from '../menuList/Footer'
import Header from '../menuList/Header'
export default {
  name: 'Index',
  components:{
    Nav,
   /* Footer,*/
    Header
  },
  methods:{

  }
}
</script>

<style scoped>
@import '../../../res/css/index.css';
.app-container{
  margin-top: 8px;
  margin-left: 208px;
  background-color: #FFFFFF;
  height:calc(100vh - 56px);
  width:calc(100% - 208px)
}
</style>
